<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hour</title>
    <script type="text/javascript" src="/js/echarts.min.js"></script>
    <script type="text/javascript" src="/js/jquery-3.2.1.min.js"></script>
</head>
<body>
<div id="main" style="width: 1000px;height: 600px">

</div>

<script type="text/javascript">
    var chartDom = document.getElementById('main');
    var myChart = echarts.init(chartDom);
    var option;

    option = {
        title:{
          text:'2023年AQI预测',
            left:'center'
        },
        xAxis: {
            type: 'category',
            data: ['1月1日', '1月2日', '1月3日', '1月4日', '1月5日', '1月6日', '1月7日']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                data: [38,22,36,63,106,66,59],
                type: 'bar',
                showBackground: true,
                backgroundStyle: {
                    color: 'rgba(180, 180, 180, 0.2)'
                }
            }
        ]
    };

    option && myChart.setOption(option);
</script>
</body>
</html>